<!DOCTYPE html	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="/assets/css/menubase.css" rel="stylesheet" type="text/css" />
	<script src="/assets/js/jquery.min.js"></script>
	<script src="/assets/js/echarts.js"></script>
	<script src="/assets/js/china.js"></script>
	<style type="text/css">
.fa {
	font-size: 14px;
	font-family: FontAwesome;
	font-weight: lighter;
	font-style: normal;
}

.ui-tree .ui-treenode-icon {
	display: inline-block;
	vertical-align: bottom;
}
</style>
</h:head>
<h:body>
	<body>
		<div id="main" style="height: 800px;"></div>
		<script>
    var pointdata = [];
    
    pointdata.push({
              coords: [[113.67558,22.74884], [113.82067,22.75357]]
    		});
     pointdata.push({
              coords: [[113.82067,22.75357],[113.9146,22.61871]]
    		});       
        
    var color = ['#a6c84c', '#ffa022', '#46bee9'];
    var series = [];

        series.push(
        {
            name: '青岛',
            type: 'lines',
            zlevel: 2,
          
            lineStyle: {
                normal: {
                    color: color[1],
                    width: 1,
                   
                }
            },
            data: pointdata
        });


    var option = {
        backgroundColor: '#404a59',
       
        geo: {
            map: 'china',
            label: {
                emphasis: {
                    show: false
                }
            },
            roam: true,
            itemStyle: {
                normal: {
                    areaColor: '#323c48',
                    borderColor: '#404a59'
                },
                emphasis: {
                    areaColor: '#2a333d'
                }
            }
        },
        series: series
    };
    var myChart = echarts.init(document.getElementById('main'));
     //myChart.setOption({
      //              series: [{
       //                     type: 'map',
       //                     map: 'china'
       //             }]
       //     });

    myChart.setOption(option);
		
	</script>
	</body>
</h:body>
</html>
